<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>注册</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="fly,layui,前端社区">
    <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
    <link rel="stylesheet" href="/static/res/layui/css/layui.css">
    <link rel="stylesheet" href="/static/res/css/global.css">
</head>
<body>

<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <a class="fly-logo" href="/">
            <img src="/static/res/images/logo.png" alt="layui">
        </a>
{#        <ul class="layui-nav fly-nav layui-hide-xs">#}
{#            <li class="layui-nav-item layui-this">#}
{#                <a href="/"><i class="iconfont icon-jiaoliu"></i>交流</a>#}
{#            </li>#}
{#            <li class="layui-nav-item">#}
{#                <a href="../case/case.html"><i class="iconfont icon-iconmingxinganli"></i>案例</a>#}
{#            </li>#}
            {#      <li class="layui-nav-item">#}
            {#        <a href="http://www.layui.com/" target="_blank"><i class="iconfont icon-ui"></i>框架</a>#}
            {#      </li>#}
{#        </ul>#}

        <ul class="layui-nav fly-nav-user">
            <!-- 未登入的状态 -->
            <li class="layui-nav-item">
                <a class="iconfont icon-touxiang layui-hide-xs" href="../user/login.html"></a>
            </li>
            <li class="layui-nav-item">
                <a href="/passport/login">登入</a>
            </li>
            <li class="layui-nav-item">
                <a href="/passport/reg">注册</a>
            </li>
            {#      <li class="layui-nav-item layui-hide-xs">#}
            {#        <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq"></a>#}
            {#      </li>#}
            {#      <li class="layui-nav-item layui-hide-xs">#}
            {#        <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo"></a>#}
            {#      </li>#}
        </ul>
    </div>
</div>

<div class="layui-container fly-marginTop">
    <div class="fly-panel fly-panel-user" pad20>
        <div class="layui-tab layui-tab-brief" lay-filter="user">
            <ul class="layui-tab-title">
                <li><a href="/passport/login">登入</a></li>
                <li class="layui-this">注册</li>
            </ul>


            <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form layui-form-pane">

                        <form method="post" id="register_form_con">
                            <div class="layui-form-item">
                                <label for="L_email" class="layui-form-label">邮箱</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_email" name="email" required lay-verify="email"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-form-mid layui-word-aux">将会成为您唯一的登入名</div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_username" class="layui-form-label">昵称</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_username" name="username" required lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_pass" class="layui-form-label">密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" id="L_pass" name="pass" required lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>

                                <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_repass" class="layui-form-label">确认密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" id="L_repass" name="repass" required lay-verify="required"
                                           autocomplete="off" class="layui-input">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label for="L_vercode" class="layui-form-label">邮箱验证码</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_emailcode" name="vercode" required lay-verify="required"
                                           placeholder="" autocomplete="off" class="layui-input">


                                </div>
                                <a href="/passport/email_code" id="email_code" >获取邮箱验证码</a>
                            </div>

                            <div class="layui-form-item">
                                <label for="L_vercode" class="layui-form-label">图形验证码</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_imgcode" name="vercode" required lay-verify="required"
                                           placeholder="" autocomplete="off" class="layui-input">
                                </div>

                                {#                <div class="input_tip">图形验证码</div>#}
                                <div class="layui-form-mid layui-word-aux">图形验证码</div>
                                <img src="/passport/image_code" class="get_pic_code" onclick="generateImageCode()">
                            </div>

                            <div class="layui-form-mid">
                                <div id="register-err" class="error_tip" style="display: none; color:red; float: right;"></div>
                            </div>


                    <div class="layui-form-item">
                        <button class="layui-btn " id="register_form_con" lay-filter="*" lay-submit>立即注册</button>

                    </div>
                    {#              <div class="layui-form-item fly-form-app">#}
                    {#                <span>或者直接使用社交账号快捷注册</span>#}
                    {#                <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>#}
                    {#                <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>#}
                    {#              </div>#}
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

</div>

<div class="fly-footer">
    <p><a href="#" target="_blank">Flask项目</a> 2020 &copy; <a href="#" target="_blank">zqy出品</a></p>
    <!--  <p>-->
    <!--    <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>-->
    <!--    <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>-->
    <!--    <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>-->
    <!--  </p>-->
</div>

<script src="/static/res/layui/layui.js"></script>
<script src="/static/jquery-1.12.4.min.js"></script>
<script src="/static/jquery.form.min.js"></script>
<script src="/static/jquery.pagination.min.js"></script>
<script src="/static/reg.js"></script>

</body>
</html>